﻿<div id="container">
    <div id="header">
        <div id="mainPageLogoDiv"></div>
        <div id="backButton"></div>
    </div>

    <div id="addEmployeeContent">
        <h1 id="professorSubjectTitle">Nouvel employee</h1>
        <form id="employeeFormular">
            <div class="loginLabelTextBoxEditUser">
                <label class="labelLogin">Nom</label>
                <div id="employeeLastName" class="input-control text textBoxLogin">
                    <input id="employeeLastNameInput" type="text" />
                    <button class="btn-clear"></button>
                </div>
            </div>

            <div class="loginLabelTextBoxEditUser">
                <label class="labelLogin">Prénom</label>
                <div id="employeeFirstName" class="input-control text textBoxLogin">

                    <input id="employeeFirstNameInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>

            <div class="loginLabelTextBoxEditUser">

                <label class="labelLogin">Date de Naissance</label>
                <div id="employeeBirthday" class="input-control text textBoxLogin"
                     data-role="datepicker">
                    <input id="employeeBirthdayInput" type="text" />
                    <button class="btn-date"></button>

                </div>

            </div>

            <div class="loginLabelTextBoxEditUser">

                <label class="labelLogin">Lieu de naissance</label>
                <div id="employeePlaceOfBirth" class="input-control text textBoxLogin">

                    <input id="employeePlaceOfBirthInput" type="text" />
                    <button class="btn-clear"></button>

                </div>
            </div>

            <div class="loginLabelTextBoxEditUser">

                <label class="labelLogin">Email</label>
                <div id="employeeEmail" class="input-control text textBoxLogin">

                    <input id="employeeEmailInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>

            <div class="loginLabelTextBoxEditUser">
                <label class="labelLogin">Profession</label>
                <div id="employeeProfession" class="input-control select textBoxLogin">
                    <select>
                        <option>Professeur</option>
                        <option>Surveillant</option>
                        <option>Surveillant général</option>
                        <option>Principal</option>
                        <option>Surveillant</option>
                        <option>Cuisinier</option>
                        <option>Agent de propreté</option>
                        <option>Gardien</option>
                    </select>
                </div>
            </div>

            <div class="loginLabelTextBoxEditUser input-control switch">
                <label class="labelLogin truncate" title="Est professeur principal">Est professeur principal</label>
                <label class="labelLogin" id="isEmployeeClassPrincipal">
                    <input id="isEmployeeClassPrincipalInput" type="checkbox" />
                    <span class="check unchecked"></span>
                </label>
            </div>

            <div class="loginLabelTextBoxEditUser">
                <label class="labelLogin"> Classe</label>
                <div id="employeeTutilarClass" class="input-control select textBoxLogin">
                    <select>
                        <option>6eme A</option>
                        <option>6eme B</option>
                        <option>6eme C</option>
                        <option>6eme D</option>
                        <option>6eme E</option>
                        <option>6eme F</option>
                    </select>
                </div>
            </div>


            <div class="loginLabelTextBoxEditUser">

                <label class="labelLogin">Nr. travail</label>
                <div id="employeeWorkPhone" class="input-control text textBoxLogin">

                    <input id="employeeWorkPhoneInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>



        </form>        
    </div>
    
    <!--<div id="footer">
        <p>Footer</p>
    </div>-->
</div>
